body {
  background:$(main.content.color);
  margin:0;
  padding:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size
/* */:/**/

small;
  font-size:/**/

small;
  text-align:center;
}

a:link {
  color:$linkcolor;
  text-decoration:none;
}

a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
}

a:hover {
  color:$hoverlinkcolor;
  text-decoration:underline;
}

a img {
  border-width:0;
}

/* Header
-----------------------------------------------
 */

#header-wrapper {
  margin:0 auto 0;
  color:$(menu.text.color);
  width:300px;
  height:100%;
  overflow:hidden;
}

#header {
  color:$(head.title.color);
  margin:0;
}

#header h1,
#header p {
  margin:5px 5px 0;
  padding:0;
  text-transform:uppercase;
  font:$(head.title.font);
}

#header a {
  color:$(head.title.color);
  text-decoration:none;
}

#header a:hover {
  color:$(head.title.color);
}

#header .description {
  margin:0 5px 5px;
  padding:0;
  text-transform:capitalize;
  line-height:1.4em;
  font:$(head.desc.font);
  color:$(head.desc.color);
}

#header img {
  margin-$startSide:0;
  margin-$endSide:auto;
  max-width:100%;
  max-height:100%;
}

.scdown #header h1,
.scdown #header p {
  margin-top:2px;
}

/* Headings
----------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.post-summary strong,
ul.rcentpost .inner > strong,
.PopularPosts .item-title,
#search-result strong,
#related_posts .jdlunya strong,
.featpost .titlex,
.xitem1 {
  font:$headerfont;
  text-transform:none;
  margin:0;
}

h1 {
  font-size:200%;
}

h2 {
  font-size:170%;
}

h3 {
  font-size:150%;
}

h4 {
  font-size:130%;
}

h5 {
  font-size:120%;
}

h6 {
  font-size:110%;
}

/* Navigation
----------------------------------------------- */

#mobilenav,
.index #blog-pager,
.archive #blog-pager,
.scdown .descriptionwrapper,
.index .post-footer,
.archive .post-footer,
.post-more-link,
.post-summary p,
.rcentpost p,
.rcbytag.s .comnum,
.rcbytag.h .a0 .comnum,
.rcbytag.v .a0 .comnum,
#sidebar-tengah .widget-content:before,
#topfeaturedmanual .widget > h2,
#topfeaturedmanual .widget .caption,
#topfeaturedmanual .Image,
#Blog1 > .status-msg-wrap {
  display:none;
}

#nav,
#header-wrapper {
  float:$startSide;
}

.sf-menu,
.sf-menu * {
  margin:0;
  padding:0;
  list-style:none;
}

#nav,
#topsomenu .isi,
.sf-menu li,
a.thumbimgx,
.index #main,
.archive #main,
.index .post,
.archive .post,
#main-wrapper,
#main-atas .sidebar .widget,
#main-atas .widget-content,
.rcentpost li,
#view a,
.sf-menu a.home,
#searchnya button,
.rcentpost .comnum,
.rcentpost .date,
#sidebar-tengah .list-tabwrap,
#sidebar-tengah,
#sidebar-wrapper .widget-content,
#sidebar-wrapper .widget,
.footer .widget > h2,
.featuredpost,
.post-body blockquote,
.item .post,
.static_page .post,
#related_posts,
#comments,
#related_posts li,
.error-custom,
.error_page .blog-posts.hfeed {
  position:relative;
}

.sf-menu ul {
  position:absolute;
  display:none;
  top:100%;
  left:0;
  z-index:99;
}

.sf-menu > li {
  float:$startSide;
  margin:0 1px;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display:block;
}

.sf-menu a {
  display:block;
  position:relative;
}

.sf-menu ul ul {
  top:0;
  left:100%;
}

.sf-menu {
  float:$startSide;
}

.sf-menu ul {
  min-width:12em;
  *width:12em;
}

.sf-menu a {
  padding:0 10px;
  height:78px;
  line-height:78px;
  text-decoration:none;
  zoom:1;
}

.scdown .sf-menu > li > a {
  height:48px;
  line-height:48px;
}

.sf-menu a.home {
  padding:0 10px 0 30px;
  border-top:2px solid $(main.headco.color);
}

.sf-menu a {
  color:$(menu.text.color);
  font-size:11px;
}

.sf-menu li {
  white-space:nowrap;
  *white-space:normal;
  -moz-transition:background-color .2s;
  -webkit-transition:background-color .2s;
  transition:background-color .2s;
  position:relative;
}

.sf-menu ul li {
  background-color:$(menu.sub.color);
  margin:1px 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

.sf-menu ul a {
  font-weight:normal;
  height:30px;
  line-height:30px;
}

.sf-menu ul a:hover {
  padding-left:12px;
}

.sf-menu ul ul li {
  background:$(menu.subsub.color);
  margin:0 0 1px 2px;
}

.sf-menu > li > a {
  border-top:2px solid $(main.head.color);
}

.sf-menu li:hover > a,
.sf-menu li.sfHover,
.sf-menu > li > a.current {
  -moz-transition:none;
  -webkit-transition:none;
  transition:none;
}

.sf-menu > li:hover > a,
.sf-menu > li > a.current {
  border-top:2px solid $(main.headco.color);
}

.sf-arrows .sf-with-ul {
  padding-right:2em;
  *padding-right:1em;
}

.sf-arrows .sf-with-ul:after,
.jcarousel-prev:before,
.jcarousel-next:before,
.nav-arrows a:before {
  content:'';
  position:absolute;
  top:50%;
  right:0.75em;
  margin-top:-1px;
  height:0;
  width:0;
  border:4px solid transparent;
  border-top-color:$(menu.text.color);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color:$(menu.text.color);
}

.sf-arrows ul .sf-with-ul:after {
  margin-top:-4px;
  margin-right:-3px;
  border-color:transparent;
  border-left-color:$(menu.text.color);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color:$(menu.text.color);
}

.sf-menu li > i {
  position:absolute;
  top:5px;
  right:3px;
  width:27px;
  height:22px;
  cursor:pointer;
  display:none;
  background-color:$(main.headco.color);
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  outline:0;
}

.sf-menu li > i:after {
  content:'+';
  color:$(menu.text.color);
  font-size:19px;
  position:absolute;
  left:5px;
  top:-2px;
}

.sf-menu li > i.active:after {
  content:'-';
  font-size:36px;
  top:-14px;
}

/* Social Icon */

#socialicon {
  float:$startSide;
  width:230px;
  padding:5px 0;
}

#socialicon ul,
#socialicon li {
  padding:0;
  margin:0;
  list-style:none;
}

#socialicon li {
  float:$startSide;
  margin:0 2px;
}

#socialicon a {
  display:block;
  text-indent:-9999px;
  width:24px;
  height:24px;
  background-image:url(http://3.bp.blogspot.com/-7N7Yc9pfpq4/UZWTCyT3cLI/AAAAAAAAARk/v8jfsiRfs9c/s1600/soicon.png);
  background-position:-1px 0;
  background-repeat:no-repeat;
  position:relative;
}

#socialicon a:active {
  top:1px;
}

#socialicon .fbx {
  background-position:-1px 0;
}

#socialicon .twix {
  background-position:-27px 0;
}

#socialicon .goex {
  background-position:-53px 0;
}

#socialicon .linx {
  background-position:-131px;
}

#socialicon .pinx {
  background-position:-79px 0;
}

#socialicon .drix {
  background-position:-157px;
}

#socialicon .vmex {
  background-position:-183px 0;
}

#socialicon .rssx {
  background-position:-105px;
}

#topmenu {
  overflow:hidden;
  padding:0 5px;
  color:$(menu.text.color);
  font-size:90%;
}

#topmenu .tgltop {
  float:$startSide;
  height:26px;
  line-height:26px;
  padding:4px 6px;
}

#topbutton {
  position:absolute;
  right:15px;
  top:35px;
  outline:0;
  margin-top:-70px;
  width:26px;
  height:23px;
  background-color:$(main.headco.color);
  cursor:pointer;
}

#topbutton:before {
  border-width:6px 13px;
  border-style:solid;
  top:100%;
  border-color:$(main.headco.color) $(main.headco.color) transparent $(main.headco.color);
}

#topbutton:after {
  content:'';
  position:absolute;
  top:50%;
  height:0;
  left:6px;
  width:0;
  border:7px solid transparent;
  border-top-color:$(menu.text.color);
}

#topbutton.active:after {
  border-color:transparent;
  border-bottom-color:$(menu.text.color);
  margin-top:-7px;
}

#areahead.scdown {
  -moz-box-shadow:0 2px 8px rgba(0,0,0,0.53);
  -webkit-box-shadow:0 2px 8px rgba(0,0,0,0.53);
  box-shadow:0 2px 8px rgba(0,0,0,0.53);
}

/* Search Box and Result */

#searchnya {
  float:$endSide;
}

#searchnya input {
  width:120px;
  margin:6px 0 0;
  background-color:$(menu.text.color);
  color:$(main.head.color);
}

#searchnya input,
#searchnya button {
  border:0;
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  border-radius:1px;
  display:inline-block;
  outline:0;
  font-size:10px;
  padding:5px 10px;
}

#searchnya button {
  background-color:transparent;
  margin-right:5px;
  cursor:pointer;
  color:$(menu.text.color);
  text-indent:-9999px;
}

#search-result {
  padding:8px 10px;
  margin:10px 0;
  width:280px;
  height:auto;
  position:absolute;
  top:27px;
  right:10px;
  z-index:99;
  display:none;
  color:$(menu.text.color);
}

#search-result * {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#search-result h4,
#search-result strong {
  display:block;
  margin:0 30px 10px 0;
  font-size:12px;
}

#search-result ol {
  list-style:none;
  overflow:hidden;
  max-height:450px;
}

#search-result ol:hover {
  overflow:auto;
}

#search-result ol a:hover {
  text-decoration:underline;
}

#search-result .close {
  text-decoration:none;
  display:block;
  position:absolute;
  top:4px;
  font-size:18px;
  right:10px;
  line-height:normal;
  color:$(menu.text.color);
}

#search-result li {
  padding:5px 0;
}

#search-result strong {
  margin:0 0 3px 0;
  display:block;
}

#search-result img {
  float:$startSide;
  display:block;
  margin:0 5px 0 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

#search-result p {
  font-size:90%;
}

#search-result {
  background-color:$(main.head.color);
  border:1px solid $(menu.bor.color);
}

.sf-menu a.home:before,
#searchnya button:before,
#view a:before,
.post-footer a.timestamp-link:before,
.post-footer .post-author.vcard .fn:before,
.post-footer .comment-link:before,
.post-footer .post-labels > span:before,
.rcentpost .date:before,
.rcentpost .comnum:before,
#mobilenav:before,
.post-body blockquote:before,
.comments .comments-content .icon.blog-author:before,
#mobilenav:before {
  position:absolute;
  font-family:FontAwesome;
  font-weight:normal;
  font-style:normal;
  text-decoration:inherit;
  -webkit-font-smoothing:antialiased;
}

.sf-menu a.home:before,
#searchnya button:before,
#view a:before {
  text-indent:0;
}

.sf-menu a.home:before {
  width:30px;
  height:30px;
}

.sf-menu a.home:before {
  content:"\f015";
  top:0;
  font-size:18px;
  left:6px;
}

#searchnya button:before {
  content:"\f002";
  top:2px;
  left:1px;
  color:$(menu.text.color);
  font-size:19px;
  display:block;
}

/* Layout Setting
----------------------------------------------- */

body#layout .list-tabwrap,
body#layout #topfeatured,
body#layout #mainmidtengah,
body#layout #mainmidtengah2,
body#layout #footer-wrapper {
  overflow:hidden;
}

body#layout .sidebarmd-widget {
  float:$startSide;
  width:33.3%;
}

body#layout ul.navtab {
  display:none;
}

body#layout #topfeatured .add_widget,
body#layout #topfeatured .widget,
body#layout #topfeatured .dropregion {
  width:18%;
  float:$startSide;
}

body#layout #main-atas .half {
  width:50%;
  float:$startSide;
}

body#layout #topfeatured .widget.Image .widget-content {
  height:3em;
}

body#layout #topfeatured .widget.Image {
  padding:0;
}

body#layout #footer-wrapper .grid {
  float:$startSide;
  width:25%;
}

body#layout #topfeatured .Image {
  display:block;
}

body#layout #header-wrapper {
  width:50%;
}

/* Main Color
----------------------------------------------- */

#areahead {
  border-top:1px solid $(menu.bor.color);
  height:80px;
  margin-top:35px;
  background-color:$(main.head.color);
  z-index:8;
}

#topsomenu {
  background-color:$(main.head.color);
  height:35px;
  z-index:9;
}

#areacontent {
  background-color:$(main.content.color);
  padding-top:140px;
}

#areahead,
#topsomenu {
  width:100%;
  position:fixed;
}

#areahead .isi {
  height:100%;
}

#areafooter,
#credit {
  background-color:$(main.foot.color);
}

#areafooter {
  border-top:3px solid $(main.headco.color);
}

/* Outer-Wrapper
----------------------------------------------- */

#outer-wrapper {
  background-color:$(main.content.color);
  margin:0 auto;
  padding:0;
  text-align:$startSide;
  font:$bodyfont;
}

#outer-wrapper .isi {
  width:100%;
  max-width:1100px;
  margin:0 auto;
}

#main-atas {
  width:68%;
  float:$startSide;
  word-wrap:break-word;
  /* fix for long text breaking sidebar float in IE */

  overflow:hidden;
  /* fix for long non-text content breaking IE sidebar float */;
}

#sidebar-wrapper {
  width:32%;
  float:$endSide;
  word-wrap:break-word;
  /* fix for long text breaking sidebar float in IE */

  overflow:hidden;
  /* fix for long non-text content breaking IE sidebar float */;
}

#sidebar-wrapper .innerwrap,
#main-atas .innerwrap {
  padding:10px;
}

/* Content Area
-----------------------------------------------
 */

.index #main,
.archive #main {
  padding:12px 8px;
}

.index #main,
.archive #main,
.index #main:before,
.archive #main:before,
.menu-xitem,
#main-atas .widget-content,
#main-atas .widget-content:before,
#main-atas .sidebar .widget > h2,
a.thumbxtag,
#sidebar-wrapper .widget-content,
#sidebar-tengah .list-tabwrap,
#sidebar-wrapper .sidebar .widget > h2,
#sidebar-wrapper .widget-content:before,
#sidebar-tengah .list-tabwrap:before,
.navtab,
.item .post,
.static_page .post,
.breadcrumbs,
.item .post:before,
.static_page .post:before,
#related_posts,
#related_posts:before,
#comments,
#comments:before,
.blog-posts.hfeed .inline-ad,
.error-custom,
.error-custom:before {
  background-color:$(poside.back.color);
  border:1px solid $(poside.border.color);
}

.loadpager,
.datex,
.morepostag,
.rcbytag.s .date,
.rcbytag.v .a0 .date,
.rcbytag.h .a0 .date,
#related_posts .date {
  position:absolute;
}

.loadpager,
.morepostag {
  bottom:0;
  right:0;
}

.loadpager a,
.morepostag a {
  text-indent:-9999px;
  display:block;
  width:0;
  height:0;
  border-width:22px 22px;
  border-style:solid;
  border-color:transparent $(poside.head.color) $(poside.head.color) transparent;
}

.loadpager a:before,
.morepostag a:before {
  content:"+";
  position:absolute;
  text-indent:0;
  color:$(oth.butacv.color);
  right:3px;
  bottom:2px;
  font-size:23px;
}

.index #main-wrapper,
.archive #main-wrapper,
#main-atas .sidebar .widget,
#sidebar-wrapper .widget,
#sidebar-tengah {
  z-index:0;
  margin-bottom:25px;
}

.index #main:before,
.archive #main:before,
#main-atas .widget-content:before,
#sidebar-tengah .list-tabwrap:before,
#sidebar-wrapper .widget-content:before,
.item .post:before,
.static_page .post:before,
#related_posts:before,
#comments:before,
.error-custom:before {
  content:"";
  position:absolute;
  left:5px;
  height:30px;
  right:5px;
  bottom:-9px;
  z-index:-1;
}

.menu-xitem,
#main-atas .sidebar .widget > h2,
#sidebar-wrapper .sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
  border-bottom:0;
  position:relative;
  height:35px;
}

.xitem1 {
  line-height:34px;
  font-size:160%;
}

#view {
  float:$startSide;
  height:35px;
  text-align:center;
  padding:0 8px 0 5px;
}

#view a {
  display:block;
  height:17px;
  text-indent:-9999px;
  width:20px;
  color:$(poside.border.color);
  outline:0;
  text-decoration:none;
}

#view a.active {
  color:$(poside.head.color);
}

#view a:before {
  top:2px;
  left:3px;
  font-size:14px;
}

#view a.list:before {
  content:"\f00b";
}

#view a.grid:before {
  content:"\f00a";
}

.menu-xitem:after,
#main-atas .sidebar .widget > h2:after,
#sidebar-wrapper .sidebar .widget > h2:after,
#related_posts h4:after,
#comments > h4:after {
  content:"";
  position:absolute;
  height:1px;
  width:87px;
  bottom:-1px;
  right:0;
  z-index:1;
  background-color:$(poside.head.color);
}

#main-atas .widget-content,
#sidebar-wrapper .widget-content {
  padding:10px 12px;
}

#main-atas .sidebar .widget > h2,
#sidebar-wrapper .sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
  padding:0 12px;
  line-height:35px;
  font-size:160%;
  color:$(poside.texthe.color);
}

#main-atas .sidebar .widget > h2 a,
#sidebar-wrapper .sidebar .widget > h2 a {
  text-decoration:none;
}

#main-atas .half {
  width:50%;
  float:$startSide;
}

.half:first-child .widget {
  margin-right:8px;
}

.half:last-child .widget {
  margin-left:8px;
}

#mainmidtengah,
#mainmidtengah2,
.rcentpost li,
.rcbytag.h,
.jcarousel-clip-horizontal {
  overflow:hidden;
}

/* Posts
-----------------------------------------------
 */

.index .post-outer,
.archive .post-outer {
  width:33.3%;
  float:$startSide;
}

.index .post,
.archive .post {
  padding:0 5px;
}

.index .post h2.post-title,
.archive .post h2.post-title {
  position:absolute;
  left:-9999px;
}

a.thumbimgx {
  display:block;
  height:160px;
  overflow:hidden;
  padding:5px;
  border:1px solid $(poside.border.color);
}

a.thumbimgx img {
  width:100%;
  height:100%;
}

.post-body {
  line-height:1.6em;
}

.datex,
.rcbytag.s .date,
.rcbytag.v .a0 .date,
.rcbytag.h .a0 .date,
#related_posts .date {
  top:0;
  left:20px;
  background-color:$(poside.head.color);
  color:$(oth.butacv.color);
  padding:5px 3px;
  text-align:center;
  font-size:9px;
}

.datex span,
.datex strong,
.rcbytag.s .date strong,
.rcbytag.s .date span,
.rcbytag.v .a0 .date strong,
.rcbytag.v .a0 .date span,
.rcbytag.h .a0 .date strong,
.rcbytag.h .a0 .date span,
#related_posts .date strong,
#related_posts .date span {
  display:block;
}

.datex strong,
.rcbytag.s .date strong,
.rcbytag.h .a0 .date strong,
.rcbytag.v .a0 .date strong,
#related_posts .date strong {
  font-size:18px;
}

.datex:before,
.datex:after,
.rcbytag.s .date:before,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#topbutton:before,
#related_posts .date:before,
#related_posts .date:after {
  position:absolute;
  content:"";
  width:0;
  height:0;
}

.datex:before,
.datex:after,
.rcbytag.s .date:before,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#related_posts .date:before,
#related_posts .date:after {
  border-width:5px 10px;
  border-style:solid;
  top:100%;
}

.datex:before,
.rcbytag.s .date:before,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
#related_posts .date:before {
  border-color:$(poside.head.color) transparent transparent $(poside.head.color);
  left:0;
}

.datex:after,
.rcbytag.s .date:after,
.rcbytag.v .a0 .date:after,
.rcbytag.h .a0 .date:after,
#related_posts .date:after {
  border-color:$(poside.head.color) $(poside.head.color) transparent transparent;
  right:0;
}

.post:hover .datex,
.rcbytag.s li:hover .date,
.rcbytag.v .a0:hover .date,
.rcbytag.h .a0:hover .date {
  padding-top:8px;
}

.post-summary strong {
  display:block;
  margin:5px 0 15px;
  line-height:1.4em;
  font-size:120%;
  overflow:hidden;
  height:40px;
}

.post-summary strong a {
  text-decoration:none;
}

.index .post-outer.list,
.archive .post-outer.list {
  width:auto;
  float:none;
}

.list .post {
  padding:0 0 15px;
}

.list a.thumbimgx {
  width:200px;
  float:$startSide;
  margin:0 10px 0 0;
}

.list .post-summary strong {
  height:auto;
  overflow:visible;
  font-size:170%;
}

.list .post-summary p,
.list .post-more-link,
.list .post-footer {
  display:block;
}

.post-more-link {
  text-align:$endSide;
  margin:0 5px 10px 0;
}

ul.rcentpost .inner > strong a,
.post-summary strong a {
  text-decoration:none;
  color:$hoverlinkcolor;
}

.post-footer-line.post-footer-line-1 > div {
  display:inline-block;
  font-size:10px;
}

.post-more-link a {
  display:inline-block;
  padding:4px 7px;
  text-decoration:none;
  color:$(oth.butacv.color);
  background-color:$(poside.head.color);
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

.post-footer-line.post-footer-line-1 > div.post-share-buttons {
  margin:10px 0 0;
  padding:0 6px;
  display:block;
}

.post-footer .goog-inline-block.dummy-container {
  overflow:hidden;
  width:36px;
}

.post-footer {
  padding:5px;
  border:1px solid $(poside.border.color);
}

.post-footer a {
  color:$linkcolor;
  text-decoration:none;
}

.post-footer a.timestamp-link,
.post-footer .post-author.vcard .fn,
.post-footer .comment-link,
.post-footer .post-labels > span {
  position:relative;
  padding:0 8px 0 20px;
  line-height:20px;
  height:20px;
  display:inline-block;
  color:$linkcolor;
  margin-right:5px;
}

.post-footer a.timestamp-link:before,
.post-footer .post-author.vcard .fn:before,
.post-footer .comment-link:before,
.post-footer .post-labels > span:before {
  font-size:14px;
  left:4px;
}

.post-footer a.timestamp-link:before {
  content:"\f017";
}

.post-footer .post-author.vcard .fn:before {
  content:"\f007";
}

.post-footer .comment-link:before {
  content:"\f0e6";
  font-size:15px;
  left:3px;
}

.post-footer .post-labels > span:before {
  content:"\f02c";
  left:2px;
}

.item .post,
.static_page .post,
.error-custom {
  padding:5px 10px;
  margin-bottom:25px;
}

.item #main-wrapper,
.static_page #main-wrapper {
  z-index:0;
}

.breadcrumbs {
  padding:5px;
  margin-bottom:8px;
  font-size:90%;
}

.item .post h1.post-title,
.static_page .post h2.post-title,
.error-custom h2 {
  font-size:200%;
  margin-bottom:10px;
  padding:0 0 5px;
  border-bottom:1px solid $(poside.border.color);
}

.item .post h1.post-title a,
.static_page .post h2.post-title a {
  text-decoration:none;
}

.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  margin-bottom:10px;
}

.post-body h1 {
  font-size:180%;
}

.post-body h2 {
  font-size:160%;
}

.post-body h3 {
  font-size:140%;
}

.post-body h4 {
  font-size:130%;
}

.post-body h5 {
  font-size:120%;
}

.post-body h6 {
  font-size:110%;
}

.post-body .left {
  float:$startSide;
  margin:0 10px 5px 0;
}

.post-body .right {
  float:$endSide;
  margin:0 0 5px 10px;
}

.post-body .center {
  margin:10px 0 15px 0;
  display:block;
  text-align:center;
}

.post-body blockquote {
  padding-left:40px;
  margin:20px;
  font-size:110%;
  line-height:1.6em;
}

.post-body blockquote:before {
  content:"\f10d";
  left:0;
  top:5px;
  font-size:30px;
}

.item .post-body,
.static_page .post-body,
.error-custom {
  line-height:1.6em;
}

.item .post-body img,
.static_page .post-body img {
  padding:3px;
  border:1px solid $(poside.border.color);
}

.post-body iframe {
  max-width:100%;
}

.error-custom {
  padding-bottom:150px;
}
.index .blog-posts.hfeed, .archive .blog-posts.hfeed {
overflow: hidden;
}
.error_page .blog-posts.hfeed {
  z-index:0;
}
.post-footer span.blog-admin, .post-footer span.pid-1748668997 {
display: block;
text-align: right;
}
.index #blog-pager, .archive #blog-pager {
padding: 5px 0;
text-align: left;
}
.showpagePoint, .showpageNum a {
display: inline-block;
padding: 8px 10px;
text-decoration: none;
background-color: $(poside.head.color);
margin-right: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: $(poside.back.color);
position:relative;
}
.showpagePoint, .showpageNum a:hover {
text-decoration: none;
background-color: $(main.foot.color);
}
.showpageNum a:active {
top:1px;
}

/* Comments
----------------------------------------------- */

#comments .comments-content,
.comment-form {
  padding:0 15px;
}

.comment-form {
  max-width:100%;
}

.comments.threaded_commentsnya .comment-form {
  border:0;
  background-color:transparent;
  padding:0;
}

.comments p.comment-footer {
  margin:0;
  padding:10px;
}

.comments p.comment-footer a,
.comments .comment-form {
  display:block;
  margin-top:-18px;
}

.comments.threaded_commentsnya p.comment-footer {
  display:none;
}

.boxcommentnya {
  margin-bottom:17px;
  padding:0 15px;
}

.comments .avatar-image-container {
  max-height:42px;
  width:42px;
  padding:3px;
  border:1px solid $(poside.border.color);
}

.comments .inline-thread .avatar-image-container {
  width:36px;
  height:36px;
}

.comments .avatar-image-container img {
  max-width:100%;
  width:100%;
  height:100%;
}

.comments .comment-block {
  margin-left:59px;
}

.comments .inline-thread .comment-block {
  margin-left:53px;
}

.comments .comments-content .comment-replies {
  margin-left:53px;
}

.comments .comments-content .inline-thread {
  border:1px solid $(poside.border.color);
  border-left:2px solid $(poside.head.color);
}

.comments .continue a,
.comments .inline-thread #form-wrapper {
  border:1px solid $(poside.border.color);
  -moz-box-shadow:inset 0 3px 13px $(poside.border.color);
  -webkit-box-shadow:inset 0 3px 13px $(poside.border.color);
  box-shadow:inset 0 3px 13px $(poside.border.color);
}

.comments .inline-thread #form-wrapper {
  padding:10px 15px;
  margin-bottom:15px;
}

.comments .comments-content .datetime {
  margin-left:6px;
  font-size:80%;
  float:$endSide;
}

.comments .comments-content .comment-content {
  line-height:1.5em;
}

.comments .comments-content .icon.blog-author:before {
  content:"\f007";
  top:0;
  left:1px;
  font-size:17px;
  color:$linkcolor;
}

#comments-block.avatar-comment-indent {
  margin-left:55px;
}

#comments-block .avatar-image-container {
  left:-55px;
  width:40px;
  height:40px;
  top:0;
}

#comments-block .avatar-image-container img {
  border:0;
}

.commentarea {
  border:1px solid $(poside.border.color);
  border-left:2px solid $(poside.head.color);
  margin-bottom:15px;
  padding:5px 10px;
  position:relative;
}

.commentarea .datecm {
  float:$endSide;
  font-size:90%;
}

#comments-block.avatar-comment-indent dd.comment-footer {
  text-align:$endSide;
}

#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
}

#googlePlusComment,
.cmt_iframe_holder {
  width:100% !important;
}

#comments-block .comment-author {
  margin:.5em 0;
}

#comments-block .comment-body {
  margin:.25em 0 0;
}

#comments-block .comment-footer {
  margin:0;
  line-height:1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
}

#comments-block .comment-body p {
  margin:0 0 .75em;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

#blog-pager-newer-link {
  float:$startSide;
}

#blog-pager-older-link {
  float:$endSide;
}

.pager-isi {
  overflow:hidden;
}

.pager-isi a,
.pager-isi .linkgrey {
  width:50%;
  display:block;
  float:$startSide;
  padding:10px 0;
  font-size:120%;
  text-decoration:none;
}

.pager-isi h5,
.pager-isi h6 {
  margin:0;
  font-weight:normal;
}

.pager-isi h6 {
  font-size:130%;
}

.pager-isi h5 {
  font-size:100%;
}

a.blog-pager-newer-link {
  text-align:$startSide;
  position:relative;
}

a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
  padding-left:20px;
}

a.blog-pager-older-link {
  text-align:$endSide;
  position:relative;
}

a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
  padding-right:20px;
}

.pager-isi .linkgrey.left {
  text-align:$startSide;
}

.pager-isi .linkgrey.right {
  text-align:$endSide;
}

a.blog-pager-newer-link:after,
a.blog-pager-older-link:after {
  content:"";
  width:0;
  height:0;
  border-width:8px 6px;
  border-style:solid;
  position:absolute;
  top:50%;
  margin-top:-8px;
}

a.blog-pager-newer-link:after {
  border-color:transparent $linkcolor transparent transparent;
  left:0;
}

a.blog-pager-older-link:after {
  border-color:transparent transparent transparent $linkcolor;
  right:0;
}

.feed-links {
  display:none;
}

.blog-posts.hfeed .inline-ad {
  margin-top:15px;
  text-align:center;
  padding:10px 2px;
  overflow:hidden;
}

/* Sidebar Content
----------------------------------------------- */

.sidebar {
  color:$sidebartextcolor;
  line-height:1.5em;
}

.sidebar ul,
.footer ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}

.sidebar li,
.footer li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:10px;
  line-height:1.5em;
}

#sidebar-tengah .widget > h2 {
  display:none;
}

#sidebar-tengah .widget-content {
  border:0;
  background-color:transparent;
}

#sidebar-tengah .widget {
  margin-bottom:0;
}

.navtab,
.navtab li {
  padding:0;
  margin:0;
  list-style:none;
}

.navtab li {
  float:$startSide;
  width:33.3%;
  text-align:center;
  line-height:35px;
}

.navtab {
  overflow:hidden;
  border-bottom:0;
}

.navtab a {
  display:block;
  text-decoration:none;
  color:$sidebartextcolor;
  height:35px;
  border-bottom:1px solid $(poside.border.color);
}

.navtab a.current {
  color:$(poside.head.color);
  border-bottom:1px solid $(poside.head.color);
}

#sidebar-tengah .list-tabwrap {
  border-top:0;
}

/* Profile 
----------------------------------------------- */

.profile-img {
  width:70px;
  height:70px;
  padding:3px;
  border:1px solid $(poside.border.color);
  margin:0 5px 5px 0;
}

.profile-link {
  float:$endSide;
  font-style:italic;
}

dd.profile-data {
  font-style:italic;
}

/* Footer
----------------------------------------------- */

#footer-wrapper .row {
  overflow:hidden;
}

.row .grid {
  float:$startSide;
  width:25%;
}

.footer {
  padding:0 10px;
}

.footer .widget {
  margin:15px 0;
}

#credit {
  text-align:center;
  padding:10px 0;
  border-top:1px solid $(menu.bor.color);
  font-size:90%;
}

.footer .widget > h2 {
  margin:0 0 10px;
  padding:8px 0;
  font-size:130%;
  font-weight:normal;
  color:$(foot.head.color);
}

#footer-wrapper,
#credit {
  color:$(foot.text.color);
}

.footer li {
  padding-left:8px;
}

.footer .widget > h2:after,
.footer .widget > h2:before {
  content:"";
  position:absolute;
  top:100%;
  height:1px;
}

.footer .widget > h2:after {
  background-color:$(foot.border.color);
  left:0;
  width:100%;
}

.footer .widget > h2:before {
  right:0;
  width:50px;
  background-color:$(foot.head.color);
  z-index:1;
}

/* Effect
----------------------------------------------- */

a.thumbimgx img,
a.thumbxtag img,
a.kmtimg img,
.PopularPosts .item-thumbnail img {
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
}

a img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  opacity:0.7;
}

#areahead.scdown {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity:0.9;
  opacity:0.9;
}

#Header1 img:hover,
.featpost li > a img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"] {
  border:1px solid $(poside.border.color);
  padding:5px 8px;
  outline:0;
  display:inline-block;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

input[type="submit"],
input[type="button"],
button {
  border:0;
  padding:6px 8px;
  outline:0;
  color:$(oth.butacv.color);
  background-color:$(poside.head.color);
  display:inline-block;
  cursor:pointer;
  position:relative;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

input[type="submit"]:active,
input[type="button"]:active,
button:active {
  top:1px;
}

img {
  max-width:100%;
  height:auto;
  width:auto\9;
}

.FollowByEmail .follow-by-email-inner {
  padding:15px 0;
}

.FollowByEmail .follow-by-email-inner .follow-by-email-address {
  padding:1px 0;
  text-indent:8px;
  border:1px solid $(poside.border.color);
}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  background-color:$(poside.head.color);
}

.PopularPosts .item-thumbnail {
  width:55px;
  height:55px;
}

.PopularPosts .item-thumbnail,
a.kmtimg img {
  padding:3px;
  border:1px solid $(poside.border.color);
}

.footer  .PopularPosts .item-thumbnail,
.footer a.kmtimg img,
.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address,
.footer .profile-img {
  border:1px solid $(foot.border.color);
}

.PopularPosts .item-thumbnail img {
  width:100%;
  height:100%;
}

.PopularPosts .item-title {
  font-size:120%;
}

.rcomnetxx,
.rcomnetxx li {
  padding:0;
  list-style:none;
  margin:0;
}

.rcomnetxx li {
  overflow:hidden;
  padding-bottom:8px;
}

a.kmtimg img {
  float:$startSide;
  margin:0 5px 5px 0;
}

.rcomnetxx .date {
  font-size:80%;
}

.rcomnetxx p {
  margin:5px 0 0;
}

/* Widget
----------------------------------------------- */

.rcentpost,
.rcentpost li {
  list-style:none;
  padding:0;
  margin:0;
}

a.thumbxtag {
  padding:3px;
  float:$startSide;
  width:65px;
  height:65px;
  margin:0 5px 5px 0;
}

a.thumbxtag img {
  width:100%;
  height:100%;
}

.rcbytag.s a.thumbxtag,
.rcbytag.v .a0 a.thumbxtag,
.rcbytag.h .a0 a.thumbxtag {
  display:block;
  padding:5px;
  float:none;
  width:auto;
  height:160px;
  margin:0 0 10px;
}

.rcbytag.s a.thumbxtag {
  height:140px;
}

.rcbytag.v .a0 p,
.rcbytag.h .a0 p {
  display:block;
}

.rcbytag.h li {
  width:50%;
  float:$endSide;
}

.rcbytag.h li.a0 {
  float:$startSide;
}

.rcbytag.h .inner {
  padding:0 5px;
}

.rcbytag.h li.a0 .inner {
  padding-left:0;
}

.rcbytag.s ul {
  width:1100px;
}

.rcbytag.s li {
  width:200px;
  float:$startSide;
}

.rcbytag.s .inner {
  padding:0 5px;
}

.morepostag a:before {
  bottom:6px;
}

.rcbytag.s .date strong,
.rcbytag.h .a0 .date strong,
.rcbytag.v .a0 .date strong,
#related_posts .date strong {
  line-height:22px;
  font-weight:bold;
  padding:0;
}

.rcbytag.s .date span,
.rcbytag.h .a0 .date span,
.rcbytag.v .a0 .date span,
#related_posts .date span {
  line-height:12px;
  padding:0;
}

ul.rcentpost .inner > strong {
  font-size:120%;
}

.rcbytag.h .a0 .inner > strong,
.rcbytag.v .a0 .inner > strong {
  font-size:140%;
}

.rcentpost .date,
.rcentpost .comnum {
  padding-left:16px;
  margin-right:5px;
}

.rcentpost .date:before,
.rcentpost .comnum:before {
  left:3px;
  top:-3px;
  font-size:11px;
}

.rcentpost .date:before {
  content:"\f133";
}

.rcentpost .comnum:before {
  content:"\f075";
}

.info {
  font-size:10px;
}

.info strong,
.info span {
  padding:0 3px 0 1px;
  font-weight:normal;
}

.jcarousel-prev,
.jcarousel-next {
  width:30px;
  height:30px;
  position:absolute;
  top:-43px;
  cursor:pointer;
  background-color:$(poside.head.color);
}

.jcarousel-prev-disabled,
.jcarousel-next-disabled {
  background-color:$(poside.border.color);
  cursor:initial;
}

.jcarousel-prev {
  right:30px;
}

.jcarousel-next {
  right:-5px;
}

.jcarousel-prev:before,
.jcarousel-next:before {
  border:5px solid transparent;
  margin-top:-4px;
}

.jcarousel-prev:before {
  border-color:transparent;
  border-right-color:$(oth.butacv.color);
  right:13px;
}

.jcarousel-next:before {
  border-color:transparent;
  border-left-color:$(oth.butacv.color);
  right:7px;
}

.rcentpost .comnum a {
  text-decoration:none;
  color:$sidebartextcolor;
}

.Label li {
  float:$startSide;
  background-color:$(poside.head.color);
  color:$(oth.butacv.color);
  padding:5px 8px;
  margin:0 2px 2px 0;
}

.Label li a {
  color:$(oth.butacv.color);
}

.footer .Label li {
  padding:4px 4px;
  font-size:90%;
}

/* Featured Post
----------------------------------------------- */

#botfeaturedauto h2 {
  display:none;
}

.featuredpost {
  width:98%;
  max-width:650px;
  margin:0 auto;
  height:400px;
  z-index:0;
}

.featpost {
  margin:10px auto;
  position:relative;
  overflow:hidden;
  width:100%;
  height:320px;
  list-style-type:none;
  padding:0;
}

.featpost li {
  margin:0;
  padding:0;
  display:none;
  width:100%;
}

.featpost li > a {
  outline:none;
}

.featpost li > a img {
  border:none;
}

.featpost li > a.feathumb {
  display:block;
  height:100%;
}

.featpost img {
  max-width:100%;
  width:100%;
  display:block;
  height:100%;
}

.sb-description {
  padding:10px;
  bottom:10px;
  left:10px;
  right:10px;
  z-index:5;
  position:absolute;
  background:$(poside.head.color);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  opacity:0;
  color:$(oth.butacv.color);
  -webkit-transition:all 200ms;
  -moz-transition:all 200ms;
  -o-transition:all 200ms;
  -ms-transition:all 200ms;
  transition:all 200ms;
}

.featpost li.sb-current .sb-description {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity=80);
  opacity:0.8;
}

.featpost li.sb-current .sb-description:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity=90);
  opacity:0.9;
}

.sb-perspective {
  position:relative;
}

.sb-perspective > div {
  position:absolute;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  backface-visibility:hidden;
}

.sb-side {
  margin:0;
  display:block;
  position:absolute;
  -moz-backface-visibility:hidden;
  -webkit-transform-style:preserve-3d;
  -moz-transform-style:preserve-3d;
  -o-transform-style:preserve-3d;
  -ms-transform-style:preserve-3d;
  transform-style:preserve-3d;
}

.shadow {
  width:100%;
  height:168px;
  position:relative;
  margin-top:-110px;
  background:transparent url(http://1.bp.blogspot.com/-YdqRkmp3zrw/UdQ2xeKZ47I/AAAAAAAAAXY/_n8Ee1oow80/s736/shadow.png) no-repeat bottom center;
  background-size:100% 100%;
  z-index:-1;
  display:none;
}

.nav-dots {
  text-align:center;
  position:absolute;
  bottom:-5px;
  height:30px;
  width:100%;
  left:0;
  display:none;
}

.nav-dots span {
  display:inline-block;
  width:16px;
  height:16px;
  border-radius:50%;
  margin:3px;
  background:$(poside.head.color);
  cursor:pointer;
  box-shadow:0 1px 1px rgba(255,255,255,0.6),inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span.nav-dot-current {
  box-shadow:0 1px 1px rgba(255,255,255,0.6),inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 0 3px $(poside.head.color),inset 0 0 0 8px $(oth.butacv.color);
}

.nav-arrows {
  display:none;
}

.nav-arrows a {
  width:42px;
  height:42px;
  background:$(poside.head.color);
  position:absolute;
  top:50%;
  left:-52px;
  text-indent:-9000px;
  cursor:pointer;
  margin-top:-62px;
  opacity:0.9;
  border-radius:50%;
  box-shadow:0 1px 1px rgba(255,255,255,0.8);
}

.nav-arrows a:first-child {
  left:auto;
  right:-52px;
  background-position:top right;
}

.featpost .titlex {
  font-size:170%;
}

.featpost .titlex a {
  color:$(oth.butacv.color);
  text-decoration:none;
}

.sb-description p {
  margin:10px 0 0;
}

.nav-arrows a:before {
  border:8px solid transparent;
  margin-top:-7px;
}

.nav-arrows a:before {
  border-color:transparent;
  border-right-color:$(oth.butacv.color);
  right:18px;
}

.nav-arrows a:first-child:before {
  border-color:transparent;
  border-left-color:$(oth.butacv.color);
  right:8px;
}

#topfeaturedmanual .widget {
  width:650px;
  margin:0 auto;
}

#topfeaturedmanual .Image:first-child {
  display:block;
}

/* Related Post
----------------------------------------------- */

#related_posts {
  line-height:1.4em;
  margin-bottom:25px;
}

#related_posts ul,
#related_posts li {
  list-style:none;
  padding:0;
  margin:0;
}

#related_posts ul {
  width:1200px;
  overflow:hidden;
  padding:10px 0;
}

#related_posts li {
  width:175px;
  float:$startSide;
  height:150px;
  overflow:hidden;
}

#related_posts .inner {
  padding:0 5px;
}

#related_posts h4,
#comments > h4 {
  border-bottom:1px solid $(poside.border.color);
}

#related_posts .gmbrrltd {
  display:block;
  overflow:hidden;
  height:140px;
  padding:4px;
  border:1px solid $(poside.border.color);
}

#related_posts .gmbrrltd,
#related_posts .date {
  -webkit-transition:margin-top 0.7s ease;
  -moz-transition:margin-top 0.7s ease;
  -ms-transition:margin-top 0.7s ease;
  -o-transition:margin-top 0.7s ease;
  transition:margin-top 0.7s ease;
}

#related_posts .gmbrrltd img {
  width:100%;
  height:100%;
}

#related_posts .inner strong {
  font-size:120%;
  line-height:1.3em;
  display:block;
  overflow:hidden;
  max-height:54px;
  padding:0 4px;
}

#related_posts p {
  margin:10px 0 0;
  padding:0 4px;
}

#related_posts a {
  text-decoration:none;
}

#related_posts li:hover .gmbrrltd,
#related_posts li:hover .date {
  margin-top:-150px;
}

#related_posts .jcarousel-container {
  padding:10px 0;
}

#related_posts .jcarousel-prev,
#related_posts .jcarousel-next {
  top:-34px;
}

#related_posts .jcarousel-prev {
  right:40px;
}

#related_posts .jcarousel-next {
  right:5px;
}

#related_posts .loadingxx {
  width:100%;
}

/* Other
----------------------------------------------- */

.loadingxx {
  background-image:url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s1600/progress_ani.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  height:150px;
}

#top {
  position:fixed;
  right:10px;
  bottom:10px;
  cursor:pointer;
  width:40px;
  height:40px;
  background-color:$(poside.head.color);
  text-indent:-9999px;
  display:none;
}

#top span {
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-8px;
  margin-top:-12px;
  height:0;
  width:0;
  border:8px solid transparent;
  border-bottom-color:$(oth.butacv.color);
}

/* Responsive
----------------------------------------------- */

@media only screen and (max-width:1024px) {
  .rcbytag.s a.thumbxtag,
  #related_posts .gmbrrltd {
    height:160px;
  }
  #related_posts li {
    height:170px;
    width:221px;
  }
  #related_posts li:hover .gmbrrltd {
    margin-top:-170px;
  }
  #related_posts .inner strong {
    max-height:60px;
    font-size:130%;
  }
}

@media only screen and (max-width:979px) {
  #outer-wrapper .isi {
    width:768px;
  }
  #main-atas {
    width:60%;
  }
  #sidebar-wrapper {
    width:40%;
  }
  .index .post-outer,
  .archive .post-outer,
  .row .grid {
    width:50%;
  }
  #main-atas .half,
  .rcbytag.h li,
  .rcbytag.h li.a0 {
    float:none;
    width:auto;
  }
  .half:first-child .widget {
    margin-right:0;
  }
  .half:last-child .widget {
    margin-left:0;
  }
  #mobilenav {
    display:block;
    position:absolute;
    right:10px;
    top:-61px;
    text-indent:-9999px;
    width:40px;
    height:40px;
    background-color:$(main.headco.color);
    color:$(menu.text.color);
    text-decoration:none;
  }
  #mobilenav.active {
    color:$(main.head.color);
  }
  .scdown #mobilenav {
    top:-46px;
    right:50px;
  }
  #nav {
    width:100%;
    height:100%;
  }
  #menunav,
  .sf-menu a.home:before,
  .sf-menu ul,
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    display:none;
  }
  #menunav {
    position:absolute;
    top:0;
    padding:0 8px;
    left:10px;
    right:10px;
    background-color:$(main.head.color);
    border-bottom:2px solid $(main.headco.color);
  }
  .sf-menu > li,
  #menunav {
    float:none;
  }
  .sf-menu a,
  .scdown .sf-menu > li > a {
    height:30px;
    line-height:30px;
  }
  .sf-menu > li:hover > a,
  .sf-menu > li > a.current,
  .sf-menu > li > a {
    border-top:0;
  }
  .sf-menu ul,
  .sf-menu li:hover > ul,
  .sf-menu li.sfHover > ul {
    position:static;
  }
  .sf-menu a.home {
    padding:0 10px;
  }
  #mobilenav:before {
    content:"\f0c9";
    top:5px;
    text-indent:0;
    left:7px;
    font-size:30px;
  }
}

@media only screen and (max-width:767px) {
  #outer-wrapper .isi {
    width:480px;
  }
  #main-atas,
  #sidebar-wrapper,
  .row .grid {
    width:100%;
    float:none;
  }
  .post-body iframe {
    max-height:450px;
  }
  #header img {
    margin-left:auto;
  }
  .nav-arrows a {
    top:auto;
    left:15px;
    margin-top:0;
    bottom:5px;
  }
  .nav-arrows a:first-child {
    right:15px;
  }
  .featuredpost {
    height:380px;
  }
  .featpost {
    height:300px;
  }
}

@media only screen and (max-width:479px) {
  #outer-wrapper .isi {
    width:320px;
  }
  .index .post-outer,
  .archive .post-outer {
    width:100%;
    float:none;
  }
  .separator a {
    float:none !important;
    margin:0 auto 15px !important;
  }
  table.tr-caption-container {
    float:none !important;
    margin:0 auto 10px !important;
    padding:0;
  }
  .post-body .left,
  .post-body .right {
    float:none;
    display:block;
    text-align:center;
    margin:10px 0 15px;
  }
  .post-body iframe {
    max-height:300px;
  }
  .featuredpost {
    height:360px;
  }
  .featpost {
    height:280px;
  }
  #header-wrapper {
    width:220px;
  }
  .sb-description p {
    display:none;
  }
  #topsomenu {
    height:70px;
  }
  #areahead {
    margin-top:70px;
  }
  #areacontent {
    padding-top:175px;
  }
  #searchnya,
  #socialicon li,
  #socialicon {
    float:none;
  }
  #socialicon {
    width:auto;
    text-align:center;
  }
  #socialicon li {
    display:inline-block;
  }
  #topbutton {
    top:70px;
    margin-top:-105px;
  }
  #searchnya input {
    margin-top:5px;
    width:220px;
  }
  #searchnya {
    text-align:center;
  }
  #search-result {
    top:100%;
    text-align:$startSide;
  }
  #topbutton {
    margin-top:-105px;
  }
  #header h1,
  #header p {
    margin-top:0;
  }
}

@media only screen and (max-width:319px) {
  #outer-wrapper .isi {
    width:100%;
  }
}
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
